/*-------------------------*//* global layout styles *//*---------------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

#container{
	width:958px;
	margin:0 auto;
	text-align:left;
	position:relative;
	min-height:100%;
	background:url(../images/bg_container.png) no-repeat 0 120px;
}

/*header*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

#header{
	position:relative;	
	height:60px;
	padding: 55px 44px 0;
}

#logo {
	float: left;
	color: #fff;
	background: #1293a9;
	font-size: 3em;
}
 

/*navigation*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

#nav{
	position:absolute;
	right:36px;
	top:62px;
	background: #1293a9;
}

#nav ul{
	margin:0;
	overflow:hidden;
}

#nav li{
	float:left;
	margin:0 0 0 11px;
	padding: 0;
	background: none;
	font-size:1.2em;
}

#nav a {
	display: block;
	color:#FFF;
	height: 27px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

#nav_home a { width: 55px; }
#nav_about a { width: 75px; }
#nav_portfolio a { width: 75px; }
#nav_clients a { width: 85px; }
#nav_blog a { width: 45px; }
#nav_contact a { width: 94px; }

#nav span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(../images/bg_nav.png) no-repeat 0 0;
}

#nav_home span { background-position: 0 0; }
#nav_about span { background-position: -64px 0; }
#nav_portfolio span { background-position: -150px 0; }
#nav_clients span { background-position: -237px 0; }
#nav_blog span { background-position: -334px 0; }
#nav_contact span { background-position: -391px 0; }

#nav_home a:focus span, #nav_home a:hover span { background-position: 0 -27px; }
#nav_about a:focus span, #nav_about a:hover span { background-position: -64px -27px; }
#nav_portfolio a:focus span, #nav_portfolio a:hover span { background-position: -150px -27px; }
#nav_clients a:focus span, #nav_clients a:hover span { background-position: -237px -27px; }
#nav_blog a:focus span, #nav_blog a:hover span { background-position: -334px -27px; }
#nav_contact a:focus span, #nav_contact a:hover span { background-position: -391px -27px; }

#body_home #nav_home span { background-position: 0 -54px; }
.body_about #nav_about span { background-position: -64px -54px; }
.body_portfolio #nav_portfolio span { background-position: -150px -54px; }
.body_clients #nav_clients span { background-position: -237px -54px; }
#body_blog #nav_blog span { background-position: -334px -54px; }
#body_contact #nav_contact span { background-position: -391px -54px; }

#body_home #nav_home,
.body_about #nav_about,
.body_portfolio #nav_portfolio,
.body_clients #nav_clients,
#body_blog #nav_blog,
#body_contact #nav_contact { background-color: #0D859C; }

#address {
	position: absolute;
	top: 3px;
	right: 44px;
	color: #7aced3;
	background: #0f8aa0;
	text-align: right;
	white-space: nowrap;
	font-size: .92em;
}

#address p {
	display: inline;
	margin: 0 0 0 38px;
}

#address a {
	color: #7aced3;
}

	
/*content*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

#content{ padding:45px 44px 170px; }
#content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

#content_main{
	width:540px;
	float:left;
	position:relative;
}

body.fullwidth #content_main{
	width:auto;
	margin-right: 0;
	float: none;
}
 
#content_sub{
	float:right;
	width:280px;
	position:relative;
}

#content_sub .panel {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 10px;
	margin-top: 25px;
}
#content_sub .panel:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

#content_sub .panel img {
	display: block;
	margin: 0 0 10px;
}

#contact_us li {
	padding: 0;
	margin: 0;
	background: none;
}

#contact_us .more {
	font-weight: bold;
}


/* about us pages */
.body_about .thumbs li{
	margin-bottom: 10px;
	border-bottom: 0;
	width:270px;
	float: left;
	padding: 0;
	background: none;
}

.body_about blockquote {
	float: right;
	width: 180px;
	margin: -5px 20px 10px;
}

#wallpaper ul {
	float: left;
	width: 115px;
	margin: 0 20px 20px 0;
}
#wallpaper ul li.no_arrow {
	background: none;
	padding: 0;
	margin: 0;
}

img.margin-right{
	float:left; 
	margin:0 15px 5px 0;
}

img.margin-left{
	float:right; 
	margin:0 0 40px 15px;
}

img.ux{
	float:left; 
	margin:0 15px 40px 0;
}


/* clients page */
#client_list:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }

#client_list ul {
	float: left;
	width: 250px;
	margin: 0 20px 20px 0;
}

#body_sector blockquote {
	font-style: italic;
	font-size: 1.17em;
	margin-bottom:20px;
}

#body_sector blockquote p{
	margin-bottom:0;
}

#body_sector cite {
	font-size: .85em;
}

/* contact us page */

#body_contact dt {
	width: auto;
}
  
/*gallery*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
#gallery .thumb {
	border: 14px solid #ececec;
	margin: 0 0 15px;
}

#gallery .thumb img { display: block; }

#gallery .thumb p{margin-bottom:5px;}
#gallery .thumb p.more{margin-bottom:10px;}

#gallery_changer li {
	display: inline;
	background: url(../images/bg_gallery_changer.png) no-repeat left;
	padding: 0 0 0 8px;
	margin: 0 0 0 7px;
}

#gallery_changer .first {
	padding-left: 0;
	margin-left: 0;
	background: none;
}

#gallery_changer .current a {
	color: #000;
	text-decoration: none;
}
     
/* sectors page */

#body_sector #content_sub li {
	background:transparent url(../images/bg_more.gif) no-repeat scroll 0 5px;
	margin:0 0 5px;
	padding-left:12px;
}
#body_section #content_sub li:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

#body_sector #content_sub .thumb {
	float: left;
	margin: 0 15px 0 0;
}

#body_sector #content_sub h2 {
	font-size:1.5em;
	font-weight:normal;
	line-height:1.4;
}

#body_sector #content_sub li p {
	margin: 0;
}

       
/*footer*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

#footer{
	width:100%;
	background: #95c512 url(../images/bg_footer.png) repeat-x top;
	color: #fff;
	padding: 30px 0 0;
	margin: -130px 0 0;
	font-size: .92em;
	position: relative;
}

#footer_sleeve {
	width:870px;
	height: 70px;
	padding-bottom: 30px;
	background: url(../images/lab.png) no-repeat 50% 55px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
#footer_sleeve:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

#footer a{
	color:#FFF;
}

#footer_address {
	float: left;
}

#footer ul {
	float: right;
	margin: 27px 0 0;
}

#footer li{
	float:left;
	list-style:none;
	color:#FFF;
	background:url(../images/li_footer.gif) no-repeat 100% 3px;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
}

#footer li.last{
	background:none;
	margin-right:0;
}

#footer #kyan{
	display: block;
	background:url(../images/kyan_logo_footer.gif) no-repeat;
	width:40px;
	height:17px;
	text-indent: -9999px;
	margin: 0 0 10px;
}

#worm { position: absolute; width: 30px; height: 30px; top: 52px; left: 538px; }
#secret { position: absolute; top: 70px; left: 0; height: 765px; width: 100%; font-size: 1.1em; }

/* last.fm feed */
#lastfm_feed { width:260px; position:absolute; left: 400px; bottom: 25px; color: #fff; }
#lastfm_feed p, #lastfm_feed p a { color:#999; }
#lastfm_feed ol { margin-bottom: 10px; }
#lastfm_feed li { float:none; background:none; padding:0; margin:0 0 2px; }